<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" th:href="@{/static/center/css/Loading.css}">
    <link rel="stylesheet" th:href="@{/static/center/css/homestyle.css}">
    <link rel="stylesheet" th:href="@{/static/center/css/body.css}">
    <link rel="stylesheet" th:href="@{/static/center/css/nav.css}">
    <!-- <script src="../js/Loading.js"></script> -->
    <title>我的主页</title>
    <style>
        body {
            background: url(/static/center/img/background1.jpeg) no-repeat fixed;
        }
    </style>
</head>

<body>
    <nav class="homenav">
        <div class="navtitle"><strong>成长守护平台</strong>|MY HOME</div>
        <a href="/html/home">我的主页</a>
        <a href="/html/about">个人信息</a>
        <a href="/html/blog">我的战绩</a>
        <a href="/html/album">精彩展示</a>
        <a href="/html/benming">本命英雄</a>
        <div class="navanim home"></div>
        <div class="none"></div>
    </nav>
    <main class="main">
        <section class="sec">
            <div class="titleimg">
                <div class="title">
                    &emsp;你热爱的 <br> 就是你的生活
                </div>
            </div>
        </section>
        <section class="sec">
            <a href="/html/about">
                <div class="part1 pt">
                    <div class="imghid">
                        <div class="img"></div>
                    </div>
                    <div class="txt">
                        <h1>领地</h1>
                        <p>&emsp;人生没有抵达的高度，但有人生的高度。</p>
                        <p>王者峡谷，勇士争夺，在这里我可以找到我的优点，只有不断地朝一个方向努力，必然会有相应的回报</p>
                    </div>
                </div>
            </a>
            <a href="/html/blog">
                <div class="part2 pt">
                    <div class="txt">
                        <h1>战绩</h1>
                        <p>每一次的开局，代表着新生，每一次胜利，代表着收获成长</p>
                        <p> 战绩</p>
                    </div>
                    <div class="imghid">
                        <div class="img"></div>
                    </div>
                </div>
            </a>
            <a href="/html/album">
                <div class="part3 pt">
                    <div class="imghid">
                        <div class="img"></div>
                    </div>
                    <div class="txt">
                        <h1>瞬间</h1>
                        <p>&emsp;&emsp;(可修改部分)我的相册</p>
                        <p>&emsp;&emsp;(可修改部分)My photo album, about some works of art that I like</p>
                    </div>
                </div>
            </a>
            <a href="/html/benming">
                <div class="part4 pt">
                    <div class="txt">
                        <h1>热爱</h1>
                        <p>&emsp;&emsp;(可修改部分)加入我们(虽然还没有'们')</p>
                        <p>&emsp;&emsp;(可修改部分)My contact information, welcome everyone who is interested to join us</p>
                    </div>
                    <div class="imghid">
                        <div class="img"></div>
                    </div>
                </div>
            </a>
        </section>
        <footer class="foot">
            <p>@2021-2022 | BY:hzr</p>
            <p>网页版权归hzr所有</p>
            <p>Cease to struggle and you cease to live</p>
        </footer>

    </main>
</body>

</html>